// pages/majorinfo/majorinfo.js
import * as echarts from '../../components/ec-canvas/echarts';
const app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    ec:{},
    screenHeight: app.globalData.screenHeight,
    tabs:['专业概况','就业情况','开设院校'],
    tabIndex:0,
    like:true,
    showBoolean:true,
    colors: ['#0085FF','#F5CB0F','#04E281','#FA3E06','#04E2CC','#E20463','#BA04E2','#E20404','#4D04E2','#FF9700'],
    // html:'<div>本专业培养德、智、体、美全面发展，具有良好职业道德和人文素养，掌握经济、金融、</div><div> 据2021年2月学校官网显示，学校占地面积约33万平方米…</div><div>珠海城市职业技术学院（Zhuhai City Polytechnic）是2004年由广东省人民政府批准，教育部备案的全日制公办高职院校，是广东省示范性高职院校。</div><div> 据2021年2月学校官网显示，学校占地面积约33万平方米…</div><div>珠海城市职业技术学院（Zhuhai City Polytechnic）是2004年由广东省人民政府批准，教育部备案的全日制公办高职院校，是广东省示范性高职院校。</div><div> 据2021年2月学校官网显示，学校占地面积约33万平方米…</div>',
    // progresses:[
    //   {til:'电子技术',val:26.16,color:'#0085FF'},
    //   {til:'电信运营',val:6.93,color:'#F5CB0F'},
    //   {til:'电信设备',val:6.43,color:'#04E281'},
    //   {til:'房地产',val:6.06,color:'#FA3E06'},
    //   {til:'加工制造',val:5.77,color:'#04E2CC'},
    //   {til:'系统集成',val:3.76,color:'#E20463'},
    //   {til:'互联网',val:3.12,color:'#BA04E2'},
    //   {til:'IT硬件',val:2.04,color:'#E20404'},
    //   {til:'IT软件',val:1.74,color:'#4D04E2'},
    //   {til:'其他行业',val:37.99,color:'#FF9700'},
    // ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let id = options.id;
    let that = this;
    let user = app.globalData.user;
    let userId = -1;
    if(user.isSignUp == 1){
      userId = user.id;
    }
    app.globalData.wxRequest.requestGet('/major/get.do',{"id":id,"userId":userId}).then(res=>{
      if (res.code == '201') {
        wx.showToast({
          title: res.msg,
          icon: 'error'
        })
        return
      }
      let majorInfo = res.data
      that.setData({
        majorInfo:majorInfo,
        like: !res.data.isCollection
      })
      this.data.option1 = {
        color: ['#0085FF','#F5CB0F','#04E281','#FA3E06','#04E2CC','#E20463','#BA04E2','#E20404','#4D04E2','#FF9700'],
        series: [{
          data: majorInfo.jobsList,
          type: 'pie',
          radius: ['40%', '70%'],
        }]
      };
    }).catch(err=>{
      wx.showToast({
        title: '请求失败',
        icon:'error'
      })
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  clickShow(e){
    this.setData({
      showBoolean:!this.data.showBoolean
    })
  },
  clickTab(e){
    let that = this;
    this.setData({
      tabIndex:e.currentTarget.dataset.index,
    },function(){
      if(e.currentTarget.dataset.index == 1 && that.data.majorInfo.jobsList.length){
        this.init_bar1()
      }
    })
  },
  init_bar1 () {
    let that = this;
    let ecComponent1 = that.selectComponent('#mychart-dom-pie');

    ecComponent1.init((canvas, width, height) => {
      // 初始化图表
      const chart = echarts.init(canvas, null, {
        width: width,
        height: height
      });
      chart.setOption(this.data.option1);
      wx.hideLoading();
      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return chart;
    });
  },
  like(e){
    let that = this;
    let id = e.currentTarget.id;
    let type = e.currentTarget.dataset.type;
    let user = app.globalData.user
    if(user.isSignUp == 0){
      wx.showModal({
        title: '提示',
        content: '请先填写个人信息',
        showCancel:false,
        success (res) {
          if (res.confirm) {
          }
        }
      })
    }else{
      let userId = user.id;
      app.globalData.wxRequest.requestGet('user/collection.do',{id:id,type:type,userId:userId}).then(res=>{
        console.log(res);
        if (res.code == '201') {
          wx.showToast({
            title: res.msg,
            icon: 'error'
          })
          return
        }
        let majorInfo =that.data.majorInfo
        if(type==0){
          let i = e.currentTarget.dataset.index;
          majorInfo.recommendList[i].isCollection = true;
          that.setData({
            majorInfo:majorInfo
          })
        }else{
          that.setData({
            like:false
          })
        }
      }).catch(err=>{
        wx.showToast({
          title: '请求失败',
          icon:'error'
        })
      })
    }
  },
  unlike(e){
    let that = this;
    let id = e.currentTarget.id;
    let type = e.currentTarget.dataset.type;
    let user = app.globalData.user
    if(user.isSignUp == 0){
      wx.showModal({
        title: '提示',
        content: '请先填写个人信息',
        showCancel:false,
        success (res) {
          if (res.confirm) {
          }
        }
      })
    }else{
      let userId = user.id
      app.globalData.wxRequest.requestGet('user/removeCollectionWechat.do',{id:id,type:type,userId:userId}).then(res=>{
        console.log(res);
        if (res.code == '201') {
          wx.showToast({
            title: res.msg,
            icon: 'error'
          })
          return
        }
        let majorInfo =that.data.majorInfo
        if(type==0){
          let i = e.currentTarget.dataset.index;
          majorInfo.recommendList[i].isCollection = false;
          that.setData({
            majorInfo:majorInfo
          })
        }else{
          that.setData({
            like:true
          })
        }
      }).catch(err=>{
        wx.showToast({
          title: '请求失败',
          icon:'error'
        })
      })
    }
  },
  toSchoolInfo(e) {
    let id = e.currentTarget.dataset.schoolid;
    wx.navigateTo({
      url: '/pages/schoolinfo/schoolinfo?id=' + id,
    })
  }
})